/*===================CSS Reset============================*/
@font-face{ font-family: fontL; src: url('../font/Microsoft YaHei UI Light.ttf');}
@font-face{ font-family: fontY; src: url('../font/YouYuan.TTF');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #5c5c5c; font: 16px '微软雅黑',tahoma,Srial,helvetica,sans-serif;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style: none;}
table{ border-collapse:collapse; border-spacing:0;}
html{ overflow-y:scroll;overflow-x:auto;}
input,select,textarea,button{ outline:none; box-sizing:border-box;}
textarea{ resize:none; overflow:hidden;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.textC{ text-align: center;}
.textR{ text-align: right;}
.fontT{ font-family: tahoma,"微软雅黑";}
.fontL{ font-family: fontL,"微软雅黑";}
.fontY{ font-family: fontY,"微软雅黑";}
.color-0{ color: #000 !important;}
.color-3{ color: #333 !important;}
.color-8{ color: #888 !important;}
.color-f{ color: #fff !important;}
.color-b{ color: #2460f3 !important;}
.bg-f0{ background: #f0f0f0;}
.bg-grad{ background: linear-gradient(#487cff,#595afb); background: #487CFF\0;}
.dong{ transition: all ease 400ms; -webkit-transition: all ease 400ms;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

@-webkit-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@-moz-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@-o-keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}
@keyframes upDpwn{
	0%{ transform: translate(0px, 0px);}
	50%{ transform: translate(0px, -10px);}
	100%{ transform: translate(0px, 0px);}
}

/*============================ Header ============================*/
.header{ width: 100%; height: 100px; padding-top: 40px; position: fixed; top: 0; left: 0; z-index: 96;}
.header .logo{ display: block; width: 62px; margin-right: 30px;}
.header .logo img{ width: 100%;}
.header .navBar li{ float: left; margin: 34px 0 0 60px;}
.header .navBar li a{ color: #fff; border-bottom: 2px solid rgba(0,0,0,0); padding-bottom: 5px;}
.header .navBar li.slt a,.header .navBar li:hover a{ color: #00baff; border-color: #00baff;}
.header .hz{ color: #009de1; font-size: 14px; background: url(../images/tel.png) center left no-repeat; padding-left: 24px; margin-top: 40px;}
.header .hz em{ font-size: 12px;}

.is-fixed{ height: 70px; background: #0e1e97; padding-top: 6px;}
.is-fixed .logo{ width: 54px;}
.is-fixed .navBar li{ margin-top: 24px;}
.is-fixed .hz{ margin-top: 30px;}

/*============================ Footer ============================*/
.footer{ font-size: 14px; background: #2f3238; padding: 70px 0 40px;}
.footer .left{ width: 45%;}
.footer .left span{ display: inline-block; color: #84abd7; margin-left: 50px;}
.footer .left span img{ width: 154px; margin-bottom: 5px;}
.footer .right{ width: 50%; font-size: 12px; line-height: 26px;}
.footer .right .t1 span,.footer .right .t1 em{ display: block; font-size: 18px;}
.footer .right .t1 em{ font-size: 14px;}
.footer .right .t2{ color: #696969; margin-top: 15px;}
.footer .right .t2 span{ display: block; color: #84abd7; font-size: 14px; background-position: center left; background-size: 21px; background-repeat: no-repeat; padding-left: 32px; margin-bottom: 5px;}
.footer .right .t2 span.icon1{ background-image: url(../images/foot1.png);}
.footer .right .t2 span.icon2{ background-image: url(../images/foot2.png);}
.footer .right .t2 p a{ color: #696969;}
.footer .right .t2 p a:hover{ color: #fff;}

.rigMenu{ width: 90px; background: #3c73f4; padding: 30px 15px 20px; border-radius: 60px;}
.rigMenu .close{ width: 15px; height: 14px; font-size: 0; background: url(../images/rigIcon5.png) no-repeat; background-size: contain; position: absolute; top: 0; right: 0; border: none; padding: 0;}
.rigMenu a{ display: block; font-size: 12px; color: #fff; padding: 44px 0 10px; margin-bottom: 10px; background-position: center top; background-repeat: no-repeat; background-size: 40px; border-bottom: 1px solid #fff; position: relative;}
.rigMenu a span{ display: none; width: 200px; padding: 15px 0; background: #3c73f4; position: absolute; top: 5px; right: 75px;}
.rigMenu a.icon1{ background-image: url(../images/rigIcon1.png);}
.rigMenu a.icon1 span{ width: 120px; padding: 5px; border-radius: 3px;}
.rigMenu a.icon1 span img{ width: 100%; border-radius: 3px;}
.rigMenu a.icon2{ background-image: url(../images/rigIcon2.png);}
.rigMenu a.icon2 span{ font-size: 16px; border-radius: 30px 0 0 30px;}
.rigMenu a.icon3{ background-image: url(../images/rigIcon3.png);}
.rigMenu a.icon4{ color: #b6ccff; border: none; padding: 0;}
.rigMenu a.icon4 img{ width: 100%;}
.rigMenu a:hover span{ display: block;}
.qq-client{ display: none; width: 98px; height: 98px; background: #3c73f4; padding: 15px 10px 0; font-size: 14px; border-radius: 50%; position: fixed; right: 5px; bottom: 10%; z-index: 99; cursor: pointer;}
.qq-client a{ color: #fff; text-align: center; display: block;}
.qq-client span{ display: block; border-top: 1px solid #fff; margin-top: 7px; padding-top: 7px;}
.qq-client-content{ position: fixed; right: 5px; bottom: 10%;}
.qq-client-content .qq-client-close{ width: 100%; height: 36px; font-size: 0; background: url(../images/rigIcon4.png) center no-repeat; background-size: 36px; padding: 0; border: none;}



/*============================ Index ============================*/
.ixSlide{width: 100%; height: auto; position: relative;}
.ixSlide .bd li img{ width: 100%; float: left;}
.ixSlide .dots{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 9; opacity: .4;}
.ixSlide .dots li{ display: inline-block; width: 13px; height: 13px; font-size: 0; background: #fff; border-radius: 50%; margin: 0 12px; cursor: pointer;}
.ixSlide .dots li.active{ background: #2ab8ee;}
.ixSlide .shubiao{ width: 22px; position: absolute; left: 50%; bottom: 120px; margin-left: -11px; z-index: 1;}
.ixSlide .shubiao img{ width: 100%; animation: upDpwn 2s infinite;}

.ixPart1{ padding: 80px 0;}
.ixPart1 .img{ width: 480px;}
.ixPart1 .img img{ width: 464px; height: 228px;}
.ixPart1 .txt{ width: 550px; margin-right: 80px;}
.ixPart1 .txt span{ display: block; font-size: 30px;}
.ixPart1 .txt p{ height: 144px; line-height: 36px; margin: 10px 0;}
.ixPart1 .txt a{ display: inline-block; background: url(../images/jt1.png) center right no-repeat; background-size: 10px; padding-right: 20px; border-bottom: 1px solid rgba(0,0,0,0);}
.ixPart1 .txt a:hover{ border-color: #2460F3; border-bottom: 1px solid #2460F3\0;}

.ixPart2{ padding: 130px 0 120px;}
.ixPart2 .title{ font-size: 18px;}
.ixPart2 .title span{ display: block; font-size: 42px; margin-bottom: 20px;}
.ixPart2 .part{ box-shadow: 0 4px 20px rgba(131,143,229,.4); border-top: 1px solid #7e96ad; border-bottom: 1px solid #7e96ad; border-radius: 10px; margin-top: 70px;}
.ixPart2 .titBox{ display: block; width: 295px; height: 530px; font-size: 18px; text-transform: uppercase; border-radius: 10px;}
.ixPart2 .titBox.l{ background: #487afc;}
.ixPart2 .titBox.r{ background: #6a42f1;}
.ixPart2 .titBox span{ display: block; font-size: 48px; margin: 170px 0 10px;}
.ixPart2 .titBox.l:hover{ background: #6a42f1;}
.ixPart2 .titBox.r:hover{ background: #487afc;}
.ixPart2 .list{ width: 610px; height: 530px; padding: 70px 30px 0;}
.ixPart2 .list a{ display: block; width: 160px; height: 160px; float: left; font-size: 22px; margin: 0 11px 50px; padding-top: 15px; border: 1px solid #d1d9e0; box-shadow: 0 4px 15px rgba(131,143,229,.14); border-radius: 10px;}
.ixPart2 .list a i{ display: block; width: 64px; height: 64px; margin: 0 auto 10px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.ixPart2 .list a i.icon1{ background-image: url(../images/ixImg2_1.png);}
.ixPart2 .list a i.icon2{ background-image: url(../images/ixImg2_2.png);}
.ixPart2 .list a i.icon3{ background-image: url(../images/ixImg2_3.png);}
.ixPart2 .list a i.icon4{ background-image: url(../images/ixImg2_4.png);}
.ixPart2 .list a i.icon5{ background-image: url(../images/ixImg2_5.png);}
.ixPart2 .list a i.icon6{ background-image: url(../images/ixImg2_6.png);}
.ixPart2 .list a p{ line-height: 50px;}
.ixPart2 .list a span{ display: block; font-size: 20px;}
.ixPart2 .list a:hover{ background: linear-gradient(#487cff,#595afb); background: #487AFC\0; color: #fff;}
.ixPart2 .list a:hover i.icon1{ background-image: url(../images/ixImg2_1H.png);}
.ixPart2 .list a:hover i.icon2{ background-image: url(../images/ixImg2_2H.png);}
.ixPart2 .list a:hover i.icon3{ background-image: url(../images/ixImg2_3H.png);}
.ixPart2 .list a:hover i.icon4{ background-image: url(../images/ixImg2_4H.png);}
.ixPart2 .list a:hover i.icon5{ background-image: url(../images/ixImg2_5H.png);}
.ixPart2 .list a:hover i.icon6{ background-image: url(../images/ixImg2_6H.png);}

.ixPart3{ height: 785px; background: url(../images/ixImg3_4.jpg) center top no-repeat; background-size: auto 100%; padding: 170px 0 250px;}
.ixPart3 .title{ font-size: 60px; text-transform: uppercase;}
.ixPart3 .title p{ font-size: 36px; color: #3883ff;}
.ixPart3 .list span{ display: inline-block; width: 290px; font-size: 22px; margin: 90px 22px 0;}
.ixPart3 .list span img{ width: 76px; margin-bottom: 10px;}

.ixPart4{ padding: 120px 0 140px;}
.ixPart4 .img{ width: 600px;}
.ixPart4 .img img{ width: 100%;}
.ixPart4 .txt{ width: 550px; font-size: 60px; margin-top: 90px;}
.ixPart4 .txt a{ display: inline-block; width: 378px; height: 78px; font-size: 36px; line-height: 78px; background: #3a77ff; margin-top: 50px; border-radius: 5px; box-shadow: 0 6px 20px rgba(131,143,229,.6);}
.ixPart4 .txt a:hover{ background: #2460F3;}

.ixPart5{ padding: 100px 0;}
.ixPart5 .title{ font-size: 42px;}
.ixPart5 .title span{ display: inline-block; font-size: 26px; color: #fff; background: #3c73f4; line-height: 42px; padding: 0 20px; margin-top: 10px; border-radius: 30px;}
.ixPart5 .img{ margin-top: 60px;}
.ixPart5 .img img{ width: 100%;}
/*.ixPart5 .list{ margin: 70px -5px 0;}
.ixPart5 .list a{ display: block; float: left; width: 140px; height: 100px; margin: 10px 5px 0; border: 1px solid #d7d6d3;}
.ixPart5 .list a img{ width: 100%; height: 100%;}
.ixPart5 .list a:hover{ border-color: #2460F3;}*/

.ixPart6{ padding: 70px 0 100px;}
.ixPart6 .title{ font-size: 42px; text-transform: uppercase;}
.ixPart6 .title p{ font-size: 30px; color: #c4c4c4; margin-top: 10px;}
.ixPart6 .list{ margin-top: 50px; border: 1px solid #dbdce0; border-right: none;}
.ixPart6 .list .box{ width: 25%; border-right: 1px solid #dbdce0;}
.ixPart6 .list .box .img{ background: #f6f7fb;}
.ixPart6 .list .box .img img{ width: 117px; height: 116px; padding: 15px;}
.ixPart6 .list .box .txt{ height: 204px; font-size: 18px; line-height: 36px; padding: 60px 30px 0; margin-bottom: 40px; background: url(../images/jt2.png) center top no-repeat; background-size: 37px; overflow: hidden;}

.ixPart7{ height: 810px; background: url(../images/ixImg7_4.jpg) center no-repeat; background-size: auto 100%; padding: 60px 0 140px;}
.ixPart7 .title{ font-size: 42px;}
.ixPart7 .title p{ font-size: 28px; color: #617cb1; margin-top: 15px;}
.ixPart7 .list{ width: 500px; margin-right: 40px;}
.ixPart7 .list .box{ min-height: 100px; margin-top: 70px; font-size: 18px; padding-left: 120px; background-position: center left; background-repeat: no-repeat; background-size: 96px;}
.ixPart7 .list .box.icon1{ background-image: url(../images/ixImg7_1.png);}
.ixPart7 .list .box.icon2{ background-image: url(../images/ixImg7_2.png);}
.ixPart7 .list .box.icon3{ background-image: url(../images/ixImg7_3.png);}
.ixPart7 .list .box span{ display: block; font-size: 24px; margin: 10px 0;}
.ixPart7 .list .box p i{ color: #59faf5;}

.ixPart8{ padding: 90px 0 120px;}
.ixPart8 .title{ font-size: 42px;}
.ixPart8 .title p{ font-size: 18px; margin-top: 20px; line-height: 30px;}
.ixPart8 .list{ margin: 20px 0 60px;}
.ixPart8 .list .box{ width: 269px; height: 103px; margin: 0 10px 20px; position: relative; border-radius: 60px;}
.ixPart8 .list .box span{ display: flex; justify-content: center; align-items: center; width: 103px; height: 103px; font-size: 30px; text-align: center; background: rgba(16,3,84,.48); position: absolute; top: 0; left: 0; border-radius: 50%;}
.ixPart8 .list .box img{ width: 100%; height: 100%;}
.ixPart8 .txt span{ display: inline-block; font-size: 30px; line-height: 52px; padding: 0 30px; border: 1px solid #000; border-radius: 30px;}

/*============================ Others ============================*/
.inBanner{ font-size: 28px; text-transform: uppercase; height: 620px;}
.inBanner span{ display: block; font-size: 80px; margin: 270px 0 20px;}
.inBanner a{ display: block; width: 380px; height: 70px; font-size: 36px; color: #3038ab; text-align: center; line-height: 70px; border-radius: 5px; background: linear-gradient(#fff,#d2e2ff); margin-top: 50px; box-shadow: 0 4px 15px rgba(4,16,64,.3); background: #fff\0;}
.inBanner a:hover{ font-weight: bold;}
.inBanner.pp{ height: 795px;}
.inBanner.yx{ height: 800px;}
.inBanner.yx span{ font-size: 86px;}
.inBanner.al{ height: 800px;}
.inBanner.al a{ margin-top: 100px;}

#popSy{ display: none; width: 1000px; height: 750px; background: #fff; position: fixed; top: 50%; left: 50%; margin: -375px 0 0 -500px; z-index: 999;}
#popSy .close{ display: block; width: 19px; height: 20px; font-size: 0; background: url(../images/popIcon6.jpg) no-repeat; background-size: contain; position: absolute; top: 10px; right: 10px;}
#popSy .left{ width: 300px; height: 750px; font-size: 18px; letter-spacing: 16px; background: url(../images/popImg.jpg) no-repeat; background-size: contain;}
#popSy .left img{ width: 211px; margin: 50px 0 30px;}
#popSy .right{ width: 430px; margin: 40px 140px 0 0;}
#popSy .right .txt1{ font-size: 18px; margin-bottom: 40px;}
#popSy .right .txt1 span{ display: block; font-size: 48px; margin-bottom: 10px;}
#popSy .right .txt2{ font-size: 24px; padding: 15px 0; border-bottom: 1px solid #d6d6d6; margin-bottom: 20px;}
#popSy .right .txt2 em{ display: block; width: 60px;}
#popSy .right .txt2 em i{ display: block; float: left; width: 36px; height: 38px; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-right: 5px;}
#popSy .right .txt2 em i.icon1{ background-image: url(../images/popIcon1.png);}
#popSy .right .txt2 em i.icon2{ background-image: url(../images/popIcon2.png);}
#popSy .right .txt2 em i.icon3{ background-image: url(../images/popIcon3.png);}
#popSy .right .txt2 em i.icon4{ background-image: url(../images/popIcon4.png);}
#popSy .right .txt2 em i.icon5{ background-image: url(../images/popIcon5.png);}
#popSy .right .txt2 p{ padding-left: 80px;}
#popSy .right .txt2 input{ height: 38px; font-size: 24px; line-height: 38px;}
#popSy .right .txt2 input.yz{ width: 170px;}
#popSy .right .txt2 input.hq{ width: 130px; height: 38px; font-size: 18px; line-height: 38px; background: #fff; border: 1px solid #aaa; border-radius: 20px;}
#popSy .right .txt3 input{ width: 240px; height: 50px; color: #fff; font-size: 24px; line-height: 50px; background: #3a77ff; border: 1px solid #3a77ff; border-radius: 4px; box-shadow: 0 10px 20px rgba(131,143,229,.6); margin: 10px 0 50px; cursor: pointer;}
#popSy .right .txt3 input:hover{ background: #2460F3;}
#popSy input::-webkit-input-placeholder{ color: #bfbfbf;}
#popSy input:-moz-placeholder{ color: #bfbfbf;}
#popSy input::-moz-placeholder{ color: #bfbfbf;}
#popSy input:-ms-input-placeholder{ color: #bfbfbf;}
#popBg{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 99;}

.gyTit span{ display: block; float: left; height: 53px; font-size: 32px; line-height: 53px; background: #4432d7; padding: 0 15px 0 30px;}
.gyTit em{ display: block; float: left; width: 15px; height: 53px;background: url(../images/gyTit1.png) no-repeat; background-size: contain;}

.inBot{ padding: 90px 0;}
.inBot a{ display: inline-block; width: 380px; height: 80px; color: #fff; font-size: 36px; line-height: 80px; background: #3a77ff; border-radius: 5px; box-shadow: 0 6px 20px rgba(131,143,229,.6);}
.inBot a:hover{ background: #2460F3;}
.inBot p{ font-size: 18px; margin-top: 50px;}

.gyPart1{ padding: 70px 0;}
.gyPart1 .wrap{ padding: 0 80px;}
.gyPart1 .left{ width: 50%; margin-top: 40px;}
.gyPart1 .left .txt{ font-size: 20px; line-height: 32px; margin-top: 40px;}
.gyPart1 .right{ width: 483px;}
.gyPart1 .right img{ width: 100%;}
.gyPart2{ height: 1000px; background: url(../images/gyImg2.jpg) center bottom no-repeat; background-size: auto 100%; padding: 90px 0 240px;}
.gyPart2 .gyTit{ padding: 0 80px;}
.gyPart2 .part .box{ display: inline-block; max-width: 200px; text-align: left; border-left: 1px dashed #a4a4a4; padding: 0 0 90px 10px; margin: 0 3px; vertical-align: top; position: relative;}
.gyPart2 .part .box span,.gyPart2 .part .box em{ display: block; color: #4a5bd5; font-size: 30px;}
.gyPart2 .part .box em{ font-size: 22px; padding: 10px 0; background: #cfcddd;}
.gyPart2 .part .box p{ font-size: 15px; line-height: 24px; background: #cfcddd;}




.gyPart2 .part .box1{ margin-top: 480px;}
.gyPart2 .part .box2{ margin-top: 420px;}
.gyPart2 .part .box3{ margin-top: 330px;}
.gyPart2 .part .box4{ margin-top: 230px; z-index: 1;}
.gyPart2 .part .box5{ margin-top: 140px;}
.gyPart2 .part .box6{ margin-top: 60px;  z-index: 1;}
.gyPart2 .part .box7{ }
.gyPart3{ padding: 130px 0 120px;}
.gyPart3 .gyTit{ padding: 0 0 110px 70px;}
.gySlide{ width:100%; padding: 0 55px; position:relative;}
.gySlide .hd a{ display: block; width: 46px; height: 92px; font-size: 0; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; margin-top: -46px; z-index: 1;}
.gySlide .hd .prev{ left: 0; background-image: url(../images/gyImgL.png);}
.gySlide .hd .next{ right: 0; background-image: url(../images/gyImgR.png);}
.gySlide .bd ul{ width: 1100px; height: 263px;}
.gySlide .bd ul li{ width: 334px; float:left; overflow:hidden; margin: 0 15px;}
.gySlide .bd ul li img{ width: 334px; height: 263px;}
.gyPart4{ background: url(../images/gyImg4.jpg) center top; background-size: cover; padding: 130px 0 100px;}
.gyPart4 .part{ padding: 0 80px;}
.gyPart4 .gyTit span{ background: #fff;}
.gyPart4 .gyTit em{ background-image: url(../images/gyTit2.png);}
.gyPart4 .txt1{ width: 60%; font-size: 20px; line-height: 34px; margin: 50px 0 140px 30px;}
.gyPart4 .txt2{ font-size: 24px; padding: 0 60px 30px;}
.gyPart4 .txt3{ font-size: 18px; line-height: 28px; background: #2d1bbd; padding: 40px 110px; border-radius: 20px; margin-bottom: 50px;}

.zcTit span{ display: block; font-size: 40px;}
.zcTit p{ font-size: 30px; margin-top: 20px;}
.zcPart1{ padding: 60px 0 70px;}
.zcPart1 .part{ width: 32.333%; margin: 50px 0.5% 0;}
.zcPart1 .part .tit{ font-size: 30px; margin-bottom: 10px;}
.zcPart1 .part .box{ font-size: 12px; color: #868686; height: 560px; border: 5px solid #7fb0ff; border-radius: 15px; overflow: hidden;}
.zcPart1 .part .box .txt1,.zcPart1 .part .box .txt2{ box-shadow: 0 3px 5px rgba(60,89,102,.3); background: linear-gradient(#fff,#f0f0f0); background: #F0F0F0\0; padding: 15px 5px 5px 10px;}
.zcPart1 .part .box .txt1 .l,.zcPart1 .part3 .box .txt2 .tBox .l{ width: 30px; text-align: center; vertical-align: middle;}
.zcPart1 .part .box .txt1 .l span,.zcPart1 .part3 .box .txt2 .tBox .l span{ display: block; width: 100%; font-size: 16px; color: #fff; background: #4578f5; border-radius: 10px; line-height: 18px; padding: 15px 0;}
.zcPart1 .part .box .txt1 .l span i{ font-size: 12px;}
.zcPart1 .part .box .txt1 .r{ width: 320px;}
.zcPart1 .part .box .txt1 .dot,.zcPart1 .part3 .box .txt2 .tBox .r .dot{ background: url(../images/ppImg1_1.png) 0 5px no-repeat; background-size: 6px; padding-left: 10px;}
.zcPart1 .part .box .txt1 span{ display: block; float: left; width: 50%; margin-bottom: 13.5px;}
.zcPart1 .part .box .txt1 p{ margin-bottom: 13.5px;}
.zcPart1 .part .box .txt1 em{ display: block; float: left; width: 33.333%; line-height: 29px; margin-top: 8px;}
.zcPart1 .part .box .txt1 em img{ width: 29px; float: left; margin-right: 4px;}
.zcPart1 .part2 .box{ border-color: #bcc1d6;}
.zcPart1 .part2 .box .txt1 .l span{ background: #757ea2;}
.zcPart1 .part2 .box .txt1 .dot,.zcPart1 .part3 .box .txt1 .dot{ background-image: url(../images/ppImg1_2.png);}
.zcPart1 .part2 .box .txt1 span{ margin-bottom: 10px;}
.zcPart1 .part2 .box .txt1 p{ margin-bottom: 2px; line-height: 22px;}
.zcPart1 .part3 .box .txt1 .l{ margin-left: 40px;}
.zcPart1 .part3 .box .txt1 .r{ width: 280px;}
.zcPart1 .part3 .box .txt1 .l span,.zcPart1 .part3 .box .txt2 .tBox .l span{ background: #6e9fd1;}
.zcPart1 .part3 .box .txt1 span{ margin-bottom: 10px;}
.zcPart1 .part3 .box .txt1 p{ margin-bottom: 6px;}
.zcPart1 .part3 .box .txt2 .tTit{ width: 36px; text-align: center; font-size: 16px; color: #6e9fd1; line-height: 16px;}
.zcPart1 .part3 .box .txt2 .rig{ width: 320px;}
.zcPart1 .part3 .box .txt2 .tBox{ width: 160px; margin: 5px 0 16px;}
.zcPart1 .part3 .box .txt2 .tBox .r{ width: 120px;}
.zcPart1 .part3 .box .txt2 .tBox .r p{ margin-top: 14px;}
.zcPart2{ padding: 100px 0 60px;}
.zcPart2 .part{ width: 1340px; height: 340px; font-size: 24px; background: url(../images/ppImg2.png) center no-repeat; background-size: contain; margin: 50px auto 0; padding: 70px 100px 0;}
.zcPart2 .part .t2,.zcPart2 .part .t4{ margin-top: 105px;}
.zcPart3{ padding: 100px 0 120px;}
.zcPart3 .left{ width: 280px; margin: 40px 40px 0 100px;}
.zcPart3 .left .t1{ font-size: 30px; margin: 60px 0 10px 30px;}
.zcPart3 .left .t2 p{ font-size: 24px; background: url(../images/ppImg3_1.png) center left no-repeat; background-size: 10px; padding-left: 30px; line-height: 48px;}
.zcPart3 .left .t3 img{ width: 71px; height: 71px; float: left; margin: 0 10px 20px 30px;}
.zcPart3 .center{ width: 405px; margin-top: 140px;}
.zcPart3 .center img{ width: 100%;}
.zcPart3 .right{ width: 440px; margin: 80px 0 0 -120px;}
.zcPart3 .right .t1 span{ display: inline-block; font-size: 30px; border-left: 4px solid #2460F3; padding-left: 10px; line-height: 30px;}
.zcPart3 .right .t2 p{ font-size: 24px; padding: 45px 0 20px;}
.zcPart3 .right .t2 p i{ font-size: 30px;}
.zcPart3 .right .t2 p.p1{ margin-left: 60px;}
.zcPart3 .right .t2 p.p2{ margin-left: 80px;}
.zcPart3 .right .t2 p.p3{ margin-left: 60px;}

.clPart1{ padding: 70px 0 80px;}
.clPart1 a{ display: inline-block; width: 160px; height: 160px; font-size: 22px; margin: 0 15px; padding-top: 15px; border: 1px solid #d1d9e0; vertical-align: top; box-shadow: 0 4px 15px rgba(131,143,229,.14); border-radius: 10px; position: relative;}
.clPart1 a em{ display: block; width: 64px; height: 64px; margin: 0 auto 10px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.clPart1 a em.icon1{ background-image: url(../images/ixImg2_1.png);}
.clPart1 a em.icon2{ background-image: url(../images/ixImg2_2.png);}
.clPart1 a em.icon3{ background-image: url(../images/ixImg2_3.png);}
.clPart1 a em.icon4{ background-image: url(../images/ixImg2_4.png);}
.clPart1 a em.icon5{ background-image: url(../images/ixImg2_5.png);}
.clPart1 a em.icon6{ background-image: url(../images/ixImg2_6.png);}
.clPart1 a i{ position: absolute; width: 100%; height: 19px; background: url(../images/jt3.png) center no-repeat; background-size: auto 100%; bottom: -19px; left: 0; z-index: 1; opacity: 0; display: none\0;}
.clPart1 a p{ line-height: 50px;}
.clPart1 a span{ display: block; font-size: 20px;}
.clPart1 a.slt,.clPart1 a:hover{ background: linear-gradient(#487cff,#595afb); background: #595afb\0; color: #fff;}
.clPart1 a.slt i,.clPart1 a:hover i{ opacity: 1; display: block\0;}
.clPart1 a.slt em.icon1,.clPart1 a:hover em.icon1{ background-image: url(../images/ixImg2_1H.png);}
.clPart1 a.slt em.icon2,.clPart1 a:hover em.icon2{ background-image: url(../images/ixImg2_2H.png);}
.clPart1 a.slt em.icon3,.clPart1 a:hover em.icon3{ background-image: url(../images/ixImg2_3H.png);}
.clPart1 a.slt em.icon4,.clPart1 a:hover em.icon4{ background-image: url(../images/ixImg2_4H.png);}
.clPart1 a.slt em.icon5,.clPart1 a:hover em.icon5{ background-image: url(../images/ixImg2_5H.png);}
.clPart1 a.slt em.icon6,.clPart1 a:hover em.icon6{ background-image: url(../images/ixImg2_6H.png);}
.clPart2{ padding: 90px 0 130px;}
.clPart2 .box{ display: inline-block; width: 320px; height: 500px; margin: 60px 40px 0; padding: 40px 20px 0; background: #fff; border-radius: 5px; box-shadow: 0 7px 20px rgba(131,143,229,.14);}
.clPart2 .box img{ width: 220px; height: 220px; border-radius: 50%;}
.clPart2 .box span{ display: block; font-size: 26px; padding: 20px 0; margin-bottom: 10px; border-bottom: 1px dashed #e5e5e5;}
.clPart2 .box p{ color: #262626; line-height: 32px;}
.clPart3{ padding: 70px 0 90px;}
.clPart3 .zcTit{ margin-bottom: 40px;}
.clPart3 .img img{ max-width: 100%;}
.clPart3 .txt span{ display: block; font-size: 30px; margin-top: 40px;}
.clPart3 .txt p{ font-size: 18px; line-height: 32px; margin: 15px 0;}

.xpPart1{ padding: 70px 0;}
.xpPart1 .part{ height: 600px; position: relative; margin: 40px 0;}
.xpPart1 .part .yuan{ width: 600px; height: 600px; font-size: 22px; padding: 140px 90px 0; background: url(../images/zhImg3.png) center no-repeat; background-size: contain; position: absolute; top: 0; left: 50%; margin-left: -300px; z-index: 1;}
.xpPart1 .part .yuan .t span{ display: block; font-size: 26px;}
.xpPart1 .part .yuan .t.t1,.xpPart1 .part .yuan .t.t1{ margin-bottom: 160px;}
.xpPart1 .part .yuan .t.t3{ width: 220px; position: absolute; top: 44%; left: 50%; margin-left: -110px;}
.xpPart1 .part .box{ width: 500px; height: 270px; font-size: 24px; border: 1px solid #a2a2a2; background: linear-gradient(#fff,#eee); background: #eee\0; border-radius: 10px;}
.xpPart1 .part .box p{ background: url(../images/zhImg1.png) center left no-repeat; background-size: 11px; padding-left: 24px;}
.xpPart1 .part .box1,.xpPart1 .part .box2{ margin-bottom: 60px;}
.xpPart1 .part .box1{ padding: 30px 50px 0; line-height: 50px;}
.xpPart1 .part .box2{ padding: 15px 20px 0 200px; line-height: 48px;}
.xpPart1 .part .box3{ padding: 10px 50px 0; font-size: 16px; line-height: 36px;}
.xpPart1 .part .box4{ padding: 20px 20px 0 200px;}
.xpPart1 .part .box4 p{ margin-bottom: 14px;}
.xpPart1 .part .box4 p em{ display: block; font-size: 14px;}
.xpPart1 .txt{ font-size: 30px;}

.nrPart1{ padding: 120px 0 70px;}
.nrPart1 .list span{ display: inline-block; font-size: 24px; padding-top: 40px; margin: 70px 90px; box-shadow: 0 7px 20px rgba(131,143,229,.35);}
.nrPart1 .list span img{ margin-bottom: 10px;}
.nrPart1 .list1 span{ width: 180px; height: 200px; border-radius: 10px;}
.nrPart1 .list2 span{ width: 210px; height: 210px; border-radius: 50%;}
.nrPart1 .list span:hover{ box-shadow: 0 7px 20px rgba(131,143,229,.6);}
.nrPart2{ padding: 100px 0;}
.nrPart2 .top{ margin: 15px 0;}
.nrPart2 .top img{ max-width: 100%;}
.nrPart2 .part1{ margin: 0 -40px;}
.nrPart2 .part1 .box{ width: 170px; margin: 0 40px 20px;}
.nrPart2 .part1 .box span{ display: block; font-size: 22px; color: #fff; background: #4478f4; line-height: 60px;}
.nrPart2 .part1 .box .t{ text-align: left; height: 145px; font-size: 14px; line-height: 26px; padding: 20px; box-shadow: 0 7px 20px rgba(131,143,229,.15); margin: 15px 0 30px;}
.nrPart2 .part1 .box .t p{ background: url(../images/nrImg10.png) 0 10px no-repeat; background-size: 4px; padding-left: 15px;}
.nrPart2 .part2{ font-size: 18px;}
.nrPart2 .part2 span{ display: block; font-size: 24px;}
.nrPart2 .part2 .t{ background: #4478F4; font-size: 20px; text-align: left; line-height: 40px; padding: 15px 40px; margin: 20px 0; border-radius: 5px; box-shadow: 0 7px 20px rgba(131,143,229,.15);}
.nrPart3{ padding: 90px 0;}
.nrPart3 .img{ font-size: 20px; margin-top: 50px;}
.nrPart3 .imgL{ width: 545px;}
.nrPart3 .imgR{ width: 600px;}
.nrPart3 .img img{ width: 100%; margin-top: 30px;}

.xgPart1{ background: #fafbff; padding: 120px 0;}
.xgPart1 .img{ width: 500px;}
.xgPart1 .img img{ width: 100%;}
.xgPart1 .right{ width: 480px; padding-top: 90px;}
.xgPart1 .right .t span{ display: block; font-size: 24px; margin: 30px 0 20px;}
.xgPart1 .right .t p{ font-size: 18px; line-height: 48px;}
.xgPart2{ background: url(../images/xgImg3_10.jpg) center no-repeat; background-size: cover; padding: 90px 0;}
.xgPart2 .list{ margin-top: 40px;}
.xgPart2 .list .box{ width: 370px; font-size: 18px; margin: 30px 15px 0; padding: 20px 15px 15px; background: linear-gradient(#3465e4,#4243ec); background: #3465e4/0; border-radius: 8px;}
.xgPart2 .list .box img{ height: 54px; margin-bottom: 10px;}
.xgPart3{ padding: 90px 0 120px;}
.xgPart3 .part1,.xgPart3 .part2{ width: 1100px; margin: 0 auto;}
.xgPart3 .part1 .txt{ width: 950px; height: 130px; background: url(../images/xgImg4_1.png) center no-repeat; background-size: contain; margin-top: 20px;}
.xgPart3 .part1 .txt span{ display: inline-block; font-size: 26px; margin: 35px 0 0 130px;}
.xgPart3 .part2 .l{ width: 160px; text-align: center;}
.xgPart3 .part2 .l span{ display: block; padding-top: 45px; width: 160px; height: 160px; font-size: 26px; background-repeat: no-repeat; background-size: contain;}
.xgPart3 .part2 .l span em{ font-size: 20px;}
.xgPart3 .part2 .l span.bg1{ background-image: url(../images/xgImg4_2.png);}
.xgPart3 .part2 .l span.bg2{ background-image: url(../images/xgImg4_3.png);}
.xgPart3 .part2 .r{ width: 870px; border: 1px solid #aaa\0; box-shadow: 0 7px 20px rgba(131,143,229,.15); border-radius: 8px; margin: 20px 25px 0 0;}
.xgPart3 .part2 .r .t1{ width: 25%; padding: 30px 0 30px 40px;}
.xgPart3 .part2 .r .t1 p{ font-size: 18px; background: url(../images/ppImg1_1.png) center left no-repeat; background-size: 6px; padding-left: 15px; line-height: 30px;}
.xgPart3 .part2 .r .t2{ width: 25%; text-align: center; padding: 30px 0;}
.xgPart3 .part2 .r .t2 img{ max-width: 100%;}
.xgPart3 .part2 .r .t3{ height: 130px; text-align: center; box-shadow: 0 7px 20px rgba(131,143,229,.15); padding: 30px 0;}
.xgPart3 .part2 .r .t3 span{ display: block; font-size: 22px; margin-bottom: 10px;}
.xgPart3 .part2 .r .t3 p{ display: inline-block; font-size: 16px; line-height: 22px;}
.xgPart4{ background: #ededed; padding: 90px 0;}
.xgPart4 .left{ width: 610px;}
.xgPart4 .left img{ width: 100%;}
.xgPart4 .right{ width: 530px;}
.xgPart4 .right .t{ font-size: 20px; margin-top: 20px; padding: 15px 20px 15px 50px; border: 1px solid rgba(131,143,229,.8); background: linear-gradient(#fff,#eee); background: #fff\0; box-shadow: 0 7px 20px rgba(131,143,229,.15);}
.xgPart4 .right .t p{ background: url(../images/ppImg3_1.png) center left no-repeat; background-size: 10px; padding-left: 30px;}
.xgPart4 .bot{ font-size: 18px; line-height: 40px; margin-top: 60px;}
.xgPart5{ padding: 110px 0;}
.xgPart5 .txt span{ display: inline-block; margin: 30px 15px 40px; font-size: 18px; line-height: 13px;}
.xgPart5 .txt span i{ display: block; width: 13px; height: 13px; float: left;}
.xgPart5 .txt span i.bg1{ background: #055dc0;}
.xgPart5 .txt span i.bg2{ background: #538dd5;}
.xgPart5 .txt span i.bg3{ background: #0469bc;}
.xgPart5 .txt span i.bg4{ background: #95b3d7;}
.xgPart5 .txt span i.bg5{ background: #92cddc;}
.xgPart5 .txt span i.bg6{ background: #02b1f0;}
.xgPart5 .txt span p{ padding-left: 24px;}
.xgPart5 .img img{ max-width: 100%;}
.xgPart6{ background: url(../images/xgImg7_10.jpg) center no-repeat; background-size: cover; padding: 90px 0 130px;}
.xgPart6 .list span{ display: inline-block; font-size: 22px; margin: 60px 60px 0;}
.xgPart6 .list span img{ width: 89px; margin-bottom: 10px;}

.znPart1{ padding: 50px 0;}
.znPart1 .box{ display: inline-block; font-size: 24px; margin: 0 55px; vertical-align: top;}
.znPart1 .box img{ height: 48px;}
.znPart1 .box span{ display: block; margin: 10px 0;}
.znPart1 .box span em{ font-size: 44px; font-family: tahoma;}
.znPart2{ background: #e3e4e5; padding: 70px 0;}
.znPart2 .box{ float: left; width: 270px; background: #fff; margin: 50px 15px 0; padding: 50px 20px; vertical-align: top; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.znPart2 .box img{ height: 78px;}
.znPart2 .box span{ display: block; font-size: 24px; margin: 15px 0;}
.znPart2 .box p{ height: 102px; font-size: 18px; line-height: 34px; overflow: hidden;}
.znPart3{ background: #fafbff; padding: 90px 0 110px;}
.znPart3 .box{ width: 570px; background: #fff; margin-top: 50px; background-position: center left 30px; background-repeat: no-repeat; background-size: 70px; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 30px 30px 30px 120px;}
.znPart3 .box.icon1{ background-image: url(../images/znImg3_1.png);}
.znPart3 .box.icon2{ background-image: url(../images/znImg3_2.png);}
.znPart3 .box.icon3{ background-image: url(../images/znImg3_3.png);}
.znPart3 .box.icon4{ background-image: url(../images/znImg3_4.png);}
.znPart3 .box span{ display: block; font-size: 24px; margin-bottom: 10px;}
.znPart3 .box p{ height: 64px; font-size: 18px; line-height: 32px; overflow: hidden;}
.znPart4{ background: #f5f6f7; padding: 60px 0;}
.znPart4 .list{ margin: 0 -60px;}
.znPart4 .box{ width: 320px; color: #000; background: #fff; margin: 40px 60px 0; padding: 30px 20px; box-shadow: 0 0 10px rgba(131,143,229,.4); cursor: pointer;}
.znPart4 .box i{ display: inline-block; width: 76px; height: 66px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.znPart4 .box i.icon1{ background-image: url(../images/znImg4_1.png);}
.znPart4 .box i.icon2{ background-image: url(../images/znImg4_2.png);}
.znPart4 .box i.icon3{ background-image: url(../images/znImg4_3.png);}
.znPart4 .box i.icon4{ background-image: url(../images/znImg4_4.png);}
.znPart4 .box i.icon5{ background-image: url(../images/znImg4_5.png);}
.znPart4 .box i.icon6{ background-image: url(../images/znImg4_6.png);}
.znPart4 .box span{ display: block; font-size: 24px; margin: 20px 0 15px;}
.znPart4 .box p{ height: 102px; line-height: 32px;}
.znPart4 .box:hover{ color: #fff; background: linear-gradient(#6666ef,#4d45be); background: #4d45be\0;}
.znPart4 .box:hover i.icon1{ background-image: url(../images/znImg4_1H.png);}
.znPart4 .box:hover i.icon2{ background-image: url(../images/znImg4_2H.png);}
.znPart4 .box:hover i.icon3{ background-image: url(../images/znImg4_3H.png);}
.znPart4 .box:hover i.icon4{ background-image: url(../images/znImg4_4H.png);}
.znPart4 .box:hover i.icon5{ background-image: url(../images/znImg4_5H.png);}
.znPart4 .box:hover i.icon6{ background-image: url(../images/znImg4_6H.png);}

.hyPart{ padding: 70px 0 120px;}
.hyPart .img{ margin: 50px 0;}
.hyPart .img img{ max-width: 100%;}
.hyPart .part{ width: 900px; margin: 0 auto;}
.hyPart .part .pBox{ background: #fff; box-shadow: 0 0 20px rgba(131,143,229,.4); margin: 20px 0; border-radius: 10px; padding: 40px 40px 70px;}
.hyPart .part .pBox .txt{ font-size: 24px; line-height: 90px;}
.hyPart .part .pBox .txt i{ display: inline-block; width: 38px; height: 38px; color: #fff; background: #798cd4; border-radius: 50%; margin: 0 10px; text-align: center; line-height: 38px;}
.hyPart .part .pBox table{ width: 100%; margin: 20px 10px;}
.hyPart .part .pBox table th{ font-weight: normal; font-size: 24px; background: #f2f2f3; line-height: 86px; border: 1px solid #565a61;}
.hyPart .part .pBox table td{ font-size: 18px; padding: 30px 20px; border: 1px solid #565a61;}
.hyPart .part .pBox table td img{ width: 29px;}

.alPart1{ padding: 100px 0;}
.alPart1 .box{ display: block; width: 330px; margin: 80px 35px 0; padding-top: 40px; border-top: 1px solid #3b33b8;}
.alPart1 .box span{ display: block; font-size: 24px;}
.alPart1 .box p{ height: 48px; line-height: 24px; margin: 15px 0 10px;}
.alPart1 .box img{ width: 330px; height: 215px;}
.alPart1 .box:hover span{ color: #2460F3;}
.alPart2{ padding: 70px 0; background: #fafbff;}
.alPart2 img{ max-width: 100%;}

.dtPart{ padding: 100px 0 120px;}
.dtPart .dtTit{ padding: 0 50px 15px;}
.dtPart .dtTit span{ display: inline-block; font-size: 42px; padding-bottom: 50px; border-bottom: 1px solid #3b33b8;}
.dtPart .list .box{ display: block; padding: 40px 50px; border-bottom: 1px solid #afafaf;}
.dtPart .list .box .img{ width: 202px; height: 170px;}
.dtPart .list .box .img img{ width: 100%; height: 100%;}
.dtPart .list .box .txt{ width: 820px;}
.dtPart .list .box .txt span{ display: block; font-size: 24px; margin-top: 30px;}
.dtPart .list .box .txt em{ display: block; margin: 20px 0;}
.dtPart .list .box .txt p{ font-size: 18px;}
.dtPart .list .box:hover .txt span{ color: #2460F3;}

.bdPart1{ height: 523px; background: url(../images/bannerBd.jpg) center no-repeat; background-size: cover; padding-top: 220px;}
.bdPart1 span,.bdPart1 em{ display: inline-block; vertical-align: middle; font-size: 66px;}
.bdPart1 span{ font-size: 22px; padding-right: 33px; margin-right: 33px; border-right: 1px solid #fff;}
.bdPart1 span img{ width: 253px;}
.bdPart2{ width: 600px; font-size: 18px; margin: 0 auto; padding: 90px 0 70px;}
.bdPart2 .txt1{ font-size: 22px; margin-bottom: 80px;}
.bdPart2 .txt2{ margin-bottom: 30px;}
.bdPart2 .txt2 input,.bdPart2 .txt2 textarea{ height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #969799;}
.bdPart2 .txt2 textarea{ width: 550px; height: 130px; resize: none; overflow: hidden; padding: 5px 10px;}
.bdPart2 .txt2 .t1{ font-size: 22px;}
.bdPart2 .txt2 .t1 i{ display: inline-block; color: #f00; width: 15px; margin-right: 5px; text-align: center;}
.bdPart2 .txt2 .t2,.bdPart2 .txt2 .t3,.bdPart2 .txt2 .t4{ padding: 15px 0 0 50px;}
.bdPart2 .txt2 .t2 p input{ width: 550px;}
.bdPart2 .txt2 .t2 label{ float: left; width: 120px; margin: 0 0 20px 15px; line-height: 18px;}
.bdPart2 .txt2 .t2 label input{ width: 18px; height: 18px; float: left; margin-right: 5px;}
.bdPart2 .txt2 .t3 em{ display: block; width: 60px; height: 40px; float: left; text-align: center; line-height: 40px; background: #fafafa; border: 1px solid #969799; border-right: none;}
.bdPart2 .txt2 .t3 p input{ width: 490px;}
.bdPart2 .txt2 .t4 .l{ width: 400px;}
.bdPart2 .txt2 .t4 .r{ width: 130px; color: #fff; background: #3a77ff; border: 1px solid #3a77ff; border-radius: 4px; cursor: pointer;}
.bdPart2 .txt3{ font-size: 22px;}
.bdPart2 .txt3 input{ width: 380px; height: 78px; color: #fff; font-size: 36px; line-height: 78px; background: #3a77ff; border: 1px solid #3a77ff; border-radius: 4px; box-shadow: 0 10px 20px rgba(131,143,229,.6); margin: 10px 0 50px; cursor: pointer;}
.bdPart2 .txt2 .t4 .r:hover,.bdPart2 .txt3 input:hover{ background: #2460F3;}
.bdPart2 .txt3 span{ display: inline-block; margin-top: 10px; background: url(../images/bdTel.png) center left no-repeat; background-size: 23px; padding-left: 34px;}